<template>
    <div>
      <el-button type="primary" plain>添加</el-button>
        <el-table
    :data="tableData"
    border
    style="width: 100%">
    <el-table-column
      fixed
      prop="email"
      label="邮箱"
      width="150">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="120">
    </el-table-column>
    <el-table-column
      prop="phone"
      label="手机号"
      width="120">
    </el-table-column>
    <el-table-column
      prop="created_at"
      label="创建时间"
      width="120">
    </el-table-column>
    <el-table-column
      prop="updated_at"
      label="更新时间"
      width="300">
    </el-table-column>
    <el-table-column
      prop="is_locked"
      label="状态"
      width="120">
      <template slot-scope="scope">
        <div>
            <el-switch
  v-model="scope.row.is_locked"
  active-color="#13ce66"
  inactive-color="#ff4949">
</el-switch>

        </div>
      </template>
    </el-table-column>
    <el-table-column
      fixed="right"
      label="操作"
      width="100">
      <template slot-scope="scope">
        <el-button  type="text" size="small" @click="handleView(scope.row)">删除</el-button>
        <el-button type="text" size="small" >编辑</el-button>
        <el-button type="text" size="small" >查询分数</el-button>
      </template>
    </el-table-column>
  </el-table>
    </div>
</template>

<script>

export default {

    data() {
        return {
            tableData:[]
        };
    },

    created(){
 
    },
    mounted() {
        
    },
methods:{

}
};

</script>

<style lang="scss" scoped>

</style>